// 如果要更改主题颜色的话，请更改这里面的对应的颜色

// 主题色
$main-color:#0084FF;
// 里面主按钮的颜色
$button-background:#2679F4;
$button-background-hover:#1163de;
// 左侧菜单的背景色
@mixin leftbackground{
    background: linear-gradient(180deg, #2a3244, #232937);
}
// 左侧菜单选中的颜色
$menu-active:#1786DA;
// 左侧没有选中文字的颜色
$menu-color:#D2ECFF;
// 左侧菜单hover的颜色
$menu-hover:rgba(70,170,255,0.15);
// 最上面header的背景颜色
$top-hearder:#232937;

// 上面一横条的背景颜色
@mixin  background-color() {
    [data-theme="smartGreen"] & {
        background-color: #65cb71;
    }
    [data-theme="blue"] & {
        background-color: blue;
    }
}
// 左侧的颜色
@mixin  left-background-color() {
    [data-theme="smartGreen"] & {
        background-color: #3b4956;
    }
    [data-theme="blue"] & {
        background-color: blue;
    }
}
@mixin left-active() {
    [data-theme="smartGreen"] & {
        background-color: #20a94f;
    }
    [data-theme="blue"] & {
        background-color: blue;
    }
}
@mixin left-hover() {
    [data-theme="smartGreen"] & {
        background-color: rgba($color: #2b835b, $alpha: 1);
    }
    [data-theme="blue"] & {
        background-color: blue;
    }
}
@mixin  font-color() {
    [data-theme="smartGreen"] & {
        color: #65cb71;
    }
    [data-theme="smartBlue"] & {
        color: #2679f4;
    }
}
@mixin  border-color() {
    [data-theme="smartGreen"] & {
        border-color: #65cb71;
        color: #65cb71;
    }
    [data-theme="smartBlue"] & {
        border-color: #2679f4;
        color: #2679f4;
    }
}
@mixin  only-border-clor() {
    [data-theme="smartGreen"] & {
        border-color: #65cb71;
    }
    [data-theme="smartBlue"] & {
        border-color: #2679f4;
    }
}
@mixin  button-background-color() {
    [data-theme="smartGreen"] & {
        background-color: #65cb71;
    }
    [data-theme="smartBlue"] & {
        background-color: #2679f4;
    }
}
@mixin  button-background-color-hover() {
    [data-theme="smartGreen"] & {
        background-color: #53b25e;
    }
    [data-theme="smartBlue"] & {
        background-color: #2679f4;
    }
}